﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>焦点图</title>

<link rel='stylesheet' href='css/style.css' />

<script type="text/javascript" src="js/1141.js"></script>
<script type='text/javascript' src='js/script.js'></script>

</head>
<body>
<div style='height:100px;background-image:url(images/05.jpg);'><h1 style='text-align:center;color:white'>个人主页SHOW</h1></div>
<div class="slide" id="Slide">

	<div class="slide-hd">
		<h2 class="title">
			<a href="">香港 夜幕下的狂欢</a>
			<a href="" style="display:none" >九寨沟 秋天里的童话世界</a>
			<a href="" style="display:none">三亚 冬日里的明媚阳光</a>
			<a href="" style="display:none">普吉岛 给心灵一个休憩地</a>
		</h2>
	
		<div class="thumb" id="slidePagination">
			<ul class="gclearfix">
				<li class="selected"><a><img src="images/thumb/01.jpg" alt="" /><span class="mask"></span></a></li>
				<li ><a><img src="images/thumb/02.jpg" alt="" /><span class="mask"></span></a></li>
				<li ><a><img src="images/thumb/03.jpg" alt="" /><span class="mask"></span></a></li>
				<li><a><img src="images/thumb/04.jpg" alt="" /><span class="mask"></span></a></li>
			</ul>
		</div>
	
		<div class="slide-hd-bg"></div>
	</div>

	<div class="slide-bd" id="slideWrapper">
		<div class="pic-list">
			<a href="" class="J-pic-node"><img src="images/01.jpg" lazysrc="images/01.jpg" alt="" /></a>
			<a href="" class="J-pic-node"><img src="images/02.jpg" lazysrc="images/02.jpg" alt="" /></a>
			<a href="" class="J-pic-node"><img src="images/03.jpg" lazysrc="images/03.jpg" alt="" /></a>
			<a href="" class="J-pic-node"><img src="images/04.jpg" lazysrc="images/04.jpg" alt="" /></a>
		</div>
	</div>

	<div class="slide-btn">
		<a href="" class="prev">上一页
		<!--[if IE 6]>
		<div>
		<span class="arrow"></span>
		<span class="mask"></span>
		</div>
		<![endif]-->
		</a>
		<a href="" class="next">下一页
		<!--[if IE 6]>
		<div>
		<span class="arrow"></span>
		<span class="mask"></span>
		</div>
		<![endif]-->
		</a>
	</div>
	
</div>

</body>
</html>
